<template>
	<view class="page"  :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
		<c-nav-bar :title="titleHeader" ></c-nav-bar>
		<view class="main">
			<image style="width: 88rpx;height: 88rpx;"
				src="https://i.ringzle.com/file/20231229/d5b99934a44f4ff38b1c6abbcb0bc43a.png" mode="aspectFill">
			</image>
			<view class="title">
				预约成功
			</view>
			<text>需要10-15分钟接单请耐心等待…</text>
			<text>接单成功后将短信通知您，</text>
			<text>请及时关注手机短信～</text>

		</view>
		<view class="bottom">
			<view class="btn" style="border: 1rpx solid #b1b1b1;color: black;
">
				取消订单
			</view>
			<view class="btn" @click="goToIndex()">
				返回首页
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				h:uni.getSystemInfoSync().windowHeight - 87,
				mt: uni.getSystemInfoSync().statusBarHeight + 44,
				titleHeader:'驿蓝租车',
				dataForm: [

				]

			}
		},
		mounted() {

		},
		methods: {
			goToIndex() {
				uni.reLaunch({
					url: '/pages/index/index'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		height: 100vh;
		background: #F5F8FA;
		// padding-top: 130rpx;

	}

	.main {
		display: flex;
		flex-direction: column;
		height: 40%;

		padding-top: 103rpx;

		font-size: 30rpx;
		align-items: center;

		.title {
			font-size: 33rpx;
			font-weight: 700;
			margin: 30rpx 0;

		}
	}

	.bottom {


		height: 10%;
		display: flex;
		width: 100%;
		bottom: 0;
		flex-direction: row;


		.btn {
			border: 1rpx solid #33AFFC;

			width: 38%;
			height: 80rpx;
			border-radius: 45rpx;

			color: #33AFFC;
			line-height: 80rpx;
			text-align: center;
			margin: auto;

		}
	}
</style>